<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--适口配置-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--引入bootstrap中的css文件-->
    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.css">
    <!--引入less文件-->
    <link rel="stylesheet" href="css/common_section.css">
    <link rel="stylesheet" href="css/category.css">
    <title>Title</title>
    <!-- 配置的模板需要注意:1、type必须是text/html  2、需要配置一个id -->
    <script type="text/html" id="category-template">
        {{each result as value i}}
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <h4 class="panel-title">
                        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{i}}" aria-expanded="true" aria-controls="collapse{{i}}" data-title-my-id='{{value.titleId}}'>
                            {{value.title}}
                        </a>
                    </h4>
                </div>
                <div id="collapse{{i}}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                <span class="panel-body"></span>
                </div>
            </div>
        </div>
        {{/each}}
    </script>
    <script type='text/html' id='child-category-template'>
        <div class="row">
            {{each result as value i}}
                <div class="col-xs-4">
                    <a href="category_product_list.html?categoryid={{value.categoryId}}">{{value.category}}</a>
                </div>
            {{/each }}
        </div>
    </script>

</head>
<body>
<header id="header"></header>
<section id="search"></section>
<section id="category"></section>
<footer id="footer"></footer>
</body>
<!--引入jquery文件-->
<script src='libs/jquery/jquery.js'></script>
<!--引入bootstrap中的js-->
<script src='libs/bootstrap/js/bootstrap.js'></script>
<!--引入魔板的js文件-->
<script src='libs/template/template.js'></script>
<!--引入这个界面的js-->
<script type="text/javascript" src="js/common_section.js"></script>

<script src='js/category.js'></script>
</html>